﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="submit-comments.aspx.cs"
    Inherits="SocialShare.Web.Blogs.submit_comments" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="<%= Utilities.SiteSettings.BaseUrl %>Scripts/jquery-1.5.1.js" type="text/javascript"></script>
    <script src="<%= Utilities.SiteSettings.BaseUrl %>scripts/jquery.tmpl.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%= Utilities.SiteSettings.BaseUrl %>Scripts/maxlength/jquery.maxlength.js"></script>
    <link href="<%= Utilities.SiteSettings.BaseUrl %>App_Style/CSS/max-length-style.css"
        rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="<%= Utilities.SiteSettings.BaseUrl %>scripts/Grid/loader.css" />
    <link href="../App_Style/CSS/reset.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/960.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/text.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/Forms.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/Layout.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/buttons.css" rel="stylesheet" type="text/css" />
    <link href="../App_Style/CSS/comments.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">

        $(document).ready(function () {
            LoadCommentsBox();
        });

        function LoadCommentsBox() {
            $("#<%= textareaComment.ClientID %>").maxlength({
                events: ['blur'],
                maxCharacters: 1000,
                status: true,
                statusClass: "status",
                statusText: "character left",
                notificationClass: "notification",
                showAlert: false,
                slider: true
            });
        }
       
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <section class="container_12 content clearfix">
          <section class="grid_9">
    <section class="grid_9">
  <label class="title-regular">Leave a Comment</label>
 <br /><br />
  </section>
    <section class="grid_9">
    <label for="name">
                Name:</label>
            <br />
            <input type="text" id="txtName" name="txtName" runat="server" required placeholder="Name" class="text" />
  </section>
    <section class="grid_9">
   <label for="email">
                Email [will not be published]:</label>
            <br />
            <input type="text" id="txtEmail" name="txtEmail" runat="server" required placeholder="email@example.com" class="text" />
  </section>
    <section class="grid_9">
      <textarea name="textareaComment" id="textareaComment" class="summary-textarea text autoclear" required placeholder="Comment"
            runat="server" rows="5" cols="50"></textarea>
    </section>
    <section class="grid_9">
      <asp:LinkButton ID="lnbAddNew" runat="server" CssClass="button medium blue">Post</asp:LinkButton>
     </section>
     </section>
     </section>
    </form>
</body>
</html>
